filter and limitTo

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.4/angular-filter.min.js"></script>
<div ng-app="demoApp" ng-controller="DemoController">
    <div ng-repeat="category in categories | omit: hasNoResult | limitTo: 5">{{category.name}}</div>
</div>

JavaScript

var demoApp = angular.module('demoApp', ['angular.filter']);

demoApp.controller('DemoController', function ($scope) {

    $scope.categories = [{
        name: 'cat 1',
        results: []
    }, {
        name: 'cat 2',
        results: [0, 1]
    }, {
        name: 'cat 3',
        results: [0]
    }, {
        name: 'cat 4',
        results: []
    }, {
        name: 'cat 5',
        results: [0, 1, 2]
    }, {
        name: 'cat 6',
        results: [4, 5]
    }, {
        name: 'cat 7',
        results: []
    }];
    
    $scope.hasNoResult = function (category) {
        return category.results.length === 0;   
    }
});