To implement in Angular 1.3+ (thanks to @Tom)

Utilize an alias expression (Refer to the documentation: Angular 1.3.0: ngRepeat, navigate to the Arguments section):

<div ng-repeat="person in data | filter:query as filtered">
</div>

If using Angular version before 1.3

Assign the filtered results to a new variable (e.g. filtered) and access it:

<div ng-repeat="person in filtered = (data | filter: query)">
</div>

Show the count of the filtered results:

Showing {{filtered.length}} Persons

Check out this similar example. Credits given to Pawel Kozlowski

To ensure thoroughness, beyond the previous responses (calculating visible individuals within a controller), you also have the option to perform these calculations directly in your HTML template, as shown in the example below.

If your group of individuals is stored in the data variable and you are filtering them using the query model, this code snippet will serve your purpose:

<p>Number of individuals currently visible: {{(data|filter:query).length}}</p>
<p>Total number of individuals: {{data.length}}</p>

• {{data.length}} - displays the total count of individuals
• {{(data|filter:query).length}} - shows the count after applying filters

Please note that this approach works well if you only need to use filtered data once on a page. However, for multiple uses like displaying items and showing the filtered list length, it's recommended to utilize an alias expression (outlined below) for AngularJS v1.3+ or follow the solution suggested by @Wumms for versions prior to 1.3.

New Addition in Angular 1.3

The developers of AngularJS acknowledged this issue and introduced the "alias" expression in version 1.3 (beta 17). This feature stores intermediate filter results, as demonstrated below:

<div ng-repeat="person in data | filter:query as results">
    <!-- template ... -->
</div>

<p>Number of visible individuals: {{results.length}}</p>

The alias expression resolves the issue of repeated filter executions.

I trust this information proves beneficial to you.

If you're looking for a simple solution,

<div ng-repeat="user in info | filter: search"></div>

Find the length of the filtered results

<div>{{ (info | filter: search).length }}</div>

When using ngRepeat to apply a filter, keep in mind that it creates a duplicate of the array. Therefore, attempting to reference only the filtered elements from the source array will not work.

If you encounter this issue, consider applying the filter directly within your controller using AngularJS's $filter service:

function MainCtrl( $scope, filterFilter ) {
  // ...

  $scope.filteredData = myNormalData;

  $scope.$watch( 'myInputModel', function ( val ) {
    $scope.filteredData = filterFilter( myNormalData, val );
  });

  // ...
}

Subsequently, utilize the filteredData property in your view instead of the original array. You can also test this implementation with a live example on Plunker: http://plnkr.co/edit/7c1l24rPkuKPOS5o2qtx?p=preview

Starting from AngularJS version 1.3, you have the option to use aliases like this:

item in items | filter:x as results

and at some point in your code:

<span>A total of {{results.length}} result(s).</span>

As stated in the documentation:

An optional alias expression can be used to store the intermediate results of the repeater after applying filters. This is commonly used to display a special message when a filter is active on the repeater, but the filtered result set is empty.

For instance: item in items | filter:x as results will save the section of repeated items as results, only after processing them through the filter.

One thing to keep in mind is the ability to store multiple tiers of outcomes by organizing filters together

total items: {{items.length}}
filtered items: {{filteredItems.length}}
constrained and filtered items: {{limitedAndFilteredItems.length}}
<div ng-repeat="item in limitedAndFilteredItems = (filteredItems = (items | filter:search) | limitTo:25)">...</div>

Check out this interactive example on JSFiddle

Check out this example in action View on Plunker

  <body ng-controller="MainCtrl">
    <input ng-model="search" type="text">
    <br>
    Displaying {{data.length}} Individuals; <br>
    Matching {{counted}}
    <ul>
      <li ng-repeat="person in data | filter:search">
        {{person.name}}
      </li>
    </ul>
  </body>

<script> 
var app = angular.module('angularjs-starter', [])

app.controller('MainCtrl', function($scope, $filter) {
  $scope.data = [
    {
      "name": "Jim", "age" : 21
    }, {
      "name": "Jerry", "age": 26
    }, {
      "name": "Alex",  "age" : 25
    }, {
      "name": "Max", "age": 22
    }
  ];

  $scope.counted = $scope.data.length; 
  $scope.$watch("search", function(query){
    $scope.counted = $filter("filter")($scope.data, query).length;
  });
});

There are two approaches to achieving this task: using either a template or a Controller. With the template method, you can assign the filtered array to a new variable and then utilize it as needed. The following code demonstrates how this can be done:

<ul>
  <li data-ng-repeat="user in usersList = (users | gender:filterGender)" data-ng-bind="user.name"></li>
</ul>
 ....
<span>{{ usersList.length | number }}</span>

If you require some examples, take a look at the AngularJs filtered count samples/showcases.