title: Using ng-repeat and limitTo to limit the number of visible items displayed
body: <p>I'm trying to limit my result sets to a fixed number. I can use <code>limitTo</code> with <code>ng-repeat</code>, but this limits items regardless of their current visibility and removes items from the DOM. I want to limit to a number of visible items while keeping everything in the DOM.</p>
  
  <p>Here is the current code that I have. My goal is to always show no more than 50 items in the list even though <code>items</code> contains 500 items.</p>
  
  <pre><code>&lt;div ng-repeat="item in items | limitTo: 50"&gt;
    &lt;div ng-show="item.visible"&gt;
      &lt;p&gt;item.id&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This will initially limit to 50 items, but if I filter the list (by modifying item.visible on some items), the list never shows items in the range of 50 - 500 and instead displays less than 50 items. What's the right way to limit an <code>ng-repeat</code> so that it only counts visible items towards the limit restriction?</p>