ng-filter limitTo not apply on ng-repeat

var app = angular.module('plunker', []);
app.controller('AppController',
    [
      '$scope',
      function($scope) {
        $scope.streamerItems = [
          {nick: "TopGun", viewers: 1822},
          {nick: "Liquidixmike88", viewers: 1721},
          {nick: "DotaCinema", viewers: 746},
          {nick: "DotaCinema1", viewers:732},
          {nick: "EternaLEnVyy", viewers: 649},
          {nick: "starladder1", viewers: 562},
          {nick: "Anuxinamoon", viewers: 165},
          {nick: "glhf_Reaves", viewers: 157},
          {nick: "Anzecha", viewers: 135}
        ];
        
      }
    ]
  );

<!doctype html>
<html ng-app="plunker">
  <head>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>
    <script src="script.js"></script>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css" rel="stylesheet">
    <link rel="stylesheet" href="main.css" />
  </head>
  <body ng-controller="AppController">

    <ul class="streamsList">
      <li class="streamsListItem" ng-repeat="streamer in streamerItems | limitTo:5">
        <h2>{{streamer.nick | uppercase}}</h2>
        <span>{{streamer.viewers}}</span>
      </li>
    </ul>
      
  </body>
</html>

li.active > a {
    color: red;
}