<div class="wrap">
    <ul>
      <li>Услуги1</li>
      <li>Услуги2</li>
      <li>Услуги3</li>
      <li>Услуги4</li>
      <li>Услуги5</li>
      <li>Услуги6</li>
    </ul>
    <a href="#">Еще</a>
</div>

  .wrap li {
    display: none;
  }

var li = document.querySelectorAll('.wrap li'),
    a = document.querySelector('.wrap a'),
    n = 2;

function showMore(n) {
  for (var i = 0; i < li.length; i++) {
    if (i < n) {
      li[i].style.display = 'block';
      if (n === li.length) a.style.display = 'none';
    } else  {
        break;
    }
  }
}
showMore(n);

a.onclick = function(e) {
  e.preventDefault();
  n += 2;
  showMore(n);
}