通过数组循环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个并添加更多内容。