JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="myApp">
    <div ng-controller="myCtrl">
        <div ng-repeat='itemtmp in items|limitTo:(items.length/3)+1'>
            <div class="table-row"> 
                <span ng-repeat='item in items.slice($index*3,($index*3+3))'>
                  {{item.name}} - {{$index}}
                </span>
              </div>
          </div>

    Second:
        <div ng-repeat="n in [] | range:(items.length/3)+1">
            <div class="table-row">
                <span ng-repeat='item in items.slice($index*3,($index*3+3))'>
                    {{item.name}} - {{$index}}
                </span>
            </div>
        </div>
    </div>
</body>

JavaScript

var app = angular.module('myApp', []);

app.controller('myCtrl', function ($scope) {

    $scope.items = [{
        name: 'A',
        value: 1
    }, {
        name: 'B',
        value: 2
    }, {
        name: 'C',
        value: 3
    }, {
        name: 'D',
        value: 4
    }, {
        name: 'E',
        value: 5
    }, {
        name: 'F',
        value: 6
    }, {
        name: 'G',
        value: 7
    }, {
        name: 'H',
        value: 8
    }];


});

app.filter('range', function () {
    return function (input, total) {
        total = parseInt(total);
        for (var i = 0; i < total; i++) {
            input.push(i);
        }
        return input;
    };
});