Зацикливать теги li в массиве, показывать и скрывать их, если число превышает 20

Question

Я хочу показать <li> теги для меток, и если количество меток больше 20, то должно появиться 20 и добавить «видеть больше», чтобы просмотреть и скрыть другие метки.

ниже - мойкод

 var rows = '';
                $.each( data, function( key, value ) {
                    rows += '<li><a href="#" title="' +key+ '" data- id="'+key+'">' +key+ ' (' + value + ') </a></li>';
                });
                if (data) {
                    $("ul#labels").html(rows);
                }

Как выполнить это до ограничения 20 и добавить см.