JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<div class="counter-block">
  <div class="counter-item">
  </div>
  <div class="counter-item">
  </div>
  <div class="counter-item">
  </div>
  <div class="counter-item">
  </div>
  <div class="counter-item">
  </div>
  <button class="custom-button">Click
  </button>
</div>

CSS

.counter-block {
  background: #ccc;
  height: 500px;
}

.counter-item {
  background: red;
  height: 50px;
  margin-bottom: 10px;
}
.custom-button {
  
}

JavaScript

$('.counter-block').each(function() { 
    $items = $(this).children('.counter-item:gt(2)');
    $items.hide()
    if($items.length == 0) {
        $(this).find('.custom-button').hide();
    } 
});